*{
    margin: 0;
    padding: 0;
}

html{
    font-size: 10px;
}
body{
    overflow-x: hidden;
    width: 100vw;
    height:100vh;
}
a{
    text-decoration: none;
}
li{
    list-style: none;
}
header{
    display: flex;
    background-color: #FF8A00;
    width: 100vw;
    height: 5rem;
    position: relative;
    top: 0;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    img{
        text-align: center;
    }
    .div1{
        img{
            width: 12rem;
        }
    }
    .div2{
        flex: 0.5;
        text-align: center;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-evenly;
        img{
            width: 2.5rem;
        }
    }
}

.zhao{
    display: flex;
    height: 25rem;
    width: 100vw;
    background: url(../img/banne.png);
    background-size: 100% 100%;
    justify-content: center;
    input{
        width: 80vw;
        height: 3.5rem;
        margin-top: 20rem;
        font-size: 20px;
        padding-left: 3rem;
        background: url(../img/seach.jpg)no-repeat;
        background-color: #ffff;
        background-position-x: .5rem;
        background-position-y: .5rem;
    }
}

.zhu{
    display: flex;
    background-color: #FF8A00;
    width: 100vw;
    height: 9.5rem;
    justify-content:space-around;
    img{
        width: 5rem;
        height: 5rem;
        margin-top: 2rem;
    }
    p{
        text-align: center;
        color: #ffff;
    }
}
.tu2{
    height: 22rem;
    width: 100vw;
}
.re{
    background-color: #FF8A00;
    width: 100vw;
    height: 5rem;
    color: #ffff;
    text-indent:2em;
    h2{
        padding-top: .5rem;
    }
}
.yuan {
    width: 90vw;
    height: 36rem;
    margin: 0 auto;

    ul li {
        list-style: none;
        margin-top: 10px;
        .div66{
            width: 80vw;
            height: 12rem;
            margin: 0 auto;
            border-bottom: 2px solid #FBB35E;
        }
        #div99{
            width: 80vw;
            height: 12rem;
            margin: 0 auto;
            .img1 {
                width: 8rem;
                height: 8rem;
                margin-top: 2rem;
                float: left;
            }
            h2{
                font-size: 1.5rem;
                font-weight: 600;
            }

            .div22 {
                line-height: 1.8rem;
                width: 50vw;
                float: left;
                margin-top: 2rem;
                margin-left: 1rem;
                
                .div33 span:nth-of-type(1) {
                    font-weight: 600;
                }

                .div33 span:nth-of-type(2) {
                    display: block;
                    float: right;
                    font-weight: 500;
                    color: #FF8A00;
                }

                .div44 span:nth-of-type(2) {
                    display: block;
                    float: right;
                    color: #999
                }

                .sp1 {
                    display: inline-block;
                    width: 40px;
                    padding: 5px 5px;
                    text-align: center;
                    margin-left: 5px;
                    margin-top: 5px;
                    background-color: #f4f7f9;
                    color: #999;
                }

                .sp2 {
                    margin-top: 1rem;
                    width: 55px;
                }
            }

        }
        .div11 {
            width: 80vw;
            height: 12rem;
            margin: 0 auto;
            border-bottom: 2px solid #FBB35E;
            .img1 {
                width: 8rem;
                height: 8rem;
                margin-top: 2rem;
                float: left;
            }

            .div22 {
                line-height: 1.8rem;
                width: 50vw;
                float: left;
                margin-top: 2rem;
                margin-left: 1rem;
                h2{
                    font-size: 1.5rem;
                    font-weight: 600;
                }
                
                .div33 span:nth-of-type(1) {
                    font-weight: 600;
                }

                .div33 span:nth-of-type(2) {
                    display: block;
                    float: right;
                    font-weight: 500;
                    color: #FF8A00;
                }

                .div44 span:nth-of-type(2) {
                    display: block;
                    float: right;
                    color: #999
                }

                .sp1 {
                    display: inline-block;
                    width: 50px;
                    padding: 5px 5px;
                    text-align: center;
                    margin-left: 5px;
                    margin-top: 5px;
                    background-color: #f4f7f9;
                    color: #999;
                }

                .sp2 {
                    width: 55px;
                }
            }

        }
    }
}
section{
    width: 100vw;
    .rem{
        font-size: 22px;
        display: flex;
        li{
            width: 50vw;
            flex: 1;
            flex-direction: row;
            text-align: center;
            line-height: 5rem;
            border-bottom: .1rem solid #FF8A00;
            a:visited{
                color: #796F74;
            }
        }
        li:hover {
            color: #FF8A00;
            border-bottom: .1rem solid #FF8A00;
            }
    }
    .bei{
        margin-top: 10px;
        display: flex;
        ul li{
            width: 50vw;
            flex: 1;
            flex-direction: row;
            padding-left: 1rem;
            line-height: 2rem;
            font-weight: 600;
            a:visited{
                color: #6B6B6B;
            }
        }
    }
    .pcd{
        margin-top: 1rem;
        width: 100vw;
        height: 15rem;
        background-color: #2F3130;
        span{
            color: #737474;
            font-size: 16px;
            line-height: 3.5rem;
            display: inline-block;
            margin-left: 1.5rem;
            font-weight: 600;
            width: 90vw;
            border-bottom: 1px solid #737474;
        }
    }
    .and{
        width: 80vw;
        margin-top: 2rem;
        margin-left: 8vw;
        display: flex;
        div{
            height: 5rem;
            float: right;
            width: 40vw;
            div{
                width: 27vw;
                
            }
            img{
                width: 7vw;
                order: 0;
            }
            li{
                color: #737474;
                font-size: .875rem;
            }
        }
    }
    .xuke{
        width: 100vw;
        text-align: center;
        color: #737474;
    }
}
#ni{
    border-bottom: .2rem solid #FF8A00;
    color: #FF8A00;
    .guan:visited{
        color: #FF8A00;
    }
}
.div8{
    position: fixed;
    bottom: 0rem;
    width: 100vw;
    height:5rem;
    display: flex;
    .div9{
        flex: 7;
        font-size: .16rem;
        display: flex;
        color: white;
        height: 5rem;
        align-items: center;
        background-color: rgba($color: #000000, $alpha: 0.5);
        .ime{
            height: 2rem;
            position: absolute;
            top: 0rem;
        }
        .img1{
            margin: 0rem 3rem;
            height: 3rem;
        }
        .div11{
            font-size: 1.5rem;
            margin-bottom: .5rem;
        }
    }
    .div10{
        flex: 3;
        font-size: 1.3rem;
        background-color: #FF8A00;
        color: white;
        align-items: center;
        display: flex;
        div{
            margin-left: 2rem;
        }
    }
}